inserted ajax drop down won't fade on formwizard

inserted ajax drop down won't fade on formwizard

Hi,

I'm using formwizard, and I tried to insert a dropdown into the form

by putting this jquery code
  1. $('#aog').change(function()
  2.     {
  3.         if ($('#aog').val()==='yes')
  4.         {            
  5.             $.ajax
  6.             ({
  7.                 type: "POST",
  8.                 url: "<?php echo base_url(); ?>index.php/register/mortgator",
  9.                 data: "aog=" + $('#aog').val(),
  10.                 success: function(msg)
  11.                 {
  12.                     $("#bank").html(msg);
  13.                     $("#signupForm").formwizard("update_steps");
  14.                 }
  15.             }); //end of ajax
  16.             
  17.         }
  18.         else
  19.         {
  20.             $("#bank").html('');    
  21.         }
  22.     });//end of aog event
and this php code
  1.     function mortgator()
  2.     {
  3.         $this->load->model('MBank');   
  4.         $q = $this->MBank->getbanklist();
  5.        
  6.         echo '<label for="mortgator">Mortgator:</label><br/>';
  7.         echo '<select name="mortgator" id="mortgator" class="required ui-wizard-content ui-helper-reset ui-state-default error">';
  8.         echo '<option value="">Select a Mortgator</option>';
  9.         foreach ($q as $key => $list)
  10.         {
  11.             echo '<option value="'.$list['bankID'].'">'.$list['bankName'].'</option>';   
  12.         }
  13.         echo '</select>';
  14.     }

It is working, except that when you click next, other form input boxes would fade, but this input inserted via ajax would not have a fade animation.

That's why I added this line of code to the html tag
  1. ui-wizard-content ui-helper-reset ui-state-default error
but it appears that that does not work.

What did I missed?

Thanks